<template>
  <el-form :model="filters" inline ref="ruleForm" :class="prefixCls" label-width="150px" >
    <el-form-item prop="name" label="机构名称："   >
      <el-input 
        v-model="filters.name" 
        :class="`${prefixCls}-input`"  
        :disabled="true"
      />
    </el-form-item>
    <el-form-item prop="levels" label="机构管理级别：" >
      <el-input 
        v-model="filters.levels" 
        :class="`${prefixCls}-input`"  
        :disabled="true"
      />
    </el-form-item>
    <el-form-item prop="departmentNumber" label="机构号：" >
      <el-input 
        v-model="filters.departmentNumber" 
        :class="`${prefixCls}-input`"  
        :disabled="true"
      />
    </el-form-item>
    <el-form-item prop="youzbm" label="行政区划：" >
      <el-input 
        v-model="filters.youzbm" 
        :class="`${prefixCls}-input`"  
        :disabled="true"
      />
    </el-form-item>
    <el-form-item prop="jigolx" label="机构类型：" >
      <el-input 
        v-model="filters.jigolx" 
        :class="`${prefixCls}-input`"  
        :disabled="true"
      />
    </el-form-item>
    <el-form-item prop="jgyyjb" label="机构营业级别：" >
      <el-input 
        v-model="filters.jgyyjb" 
        :class="`${prefixCls}-input`"  
        :disabled="true"
      />
    </el-form-item>
    <el-form-item prop="zngwsj" label="机构账户上级：" >
      <el-input 
        v-model="filters.zngwsj" 
        :class="`${prefixCls}-input`"  
        :disabled="true"
      />
    </el-form-item>
    <el-form-item prop="ynhbic" label="SWIFT BTC码：" >
      <el-input 
        v-model="filters.ynhbic" 
        :class="`${prefixCls}-input`"  
        :disabled="true"
      />
    </el-form-item>
    <el-form-item prop="yinhdm" label="银行代码：" >
      <el-input 
        v-model="filters.yinhdm" 
        :class="`${prefixCls}-input`"  
        :disabled="true"
      />
    </el-form-item>
  </el-form>
</template>

<script>
import { mapState } from 'vuex'

export default {
  name: 'deptManageInfo',
  props: {
    prefixCls: {
      type: String,
      default: 'dept-manage-info',
    },
    filters: Object
  },
  data () {
    return {
    }
  },
  watch: {
    
  },
  computed: {
    // ...mapState('userData', ['userInfo']),
    resObj: function() {
      return { ...this.filters }
    }
  },

  mounted() {
  },

  methods: {
  
  }
}
</script>

<style lang="scss">
  @import './index.scss';
</style>
